<template>
  <div class="detail">
    <el-row>
      <el-col :span="11">
        <span class="text">状态: </span>
        <span class="text">待审批</span>
      </el-col>
      <el-col :span="13">
        <span class="text">紧急度: </span>
        <span style="color: red">AOG</span>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="11">
        <span class="text">申请批次: </span>
        <span>200819009</span>
      </el-col>
      <el-col :span="13">
        <span class="text">申请时间: </span>
        <span>2020-08-19 12:12</span>
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <span class="text">寄件组织部门: </span>中国南方航空有限公司
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <span class="text">收件公司名称: </span>厦门航空有限公司
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: '',
  // 组件属性、变量
  props: {},
  // 变量
  data() {
    return {}
  },
  computed: {},
  // 使用其他组件
  components: {},
  // 方法
  methods: {},
  // 生命周期函数
  created() {
  },
  mounted() {
  }
}
</script>

<style scoped>
.text {
  font-weight: bold;
}
.detail {
  margin: 2.778vw;
  padding: 1.389vw;
  border: 1px solid rgba(0, 0, 0, .3);
  font-size: 3.889vw;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 5px 5px -1px rgba(0, 0, 255, .1);
  overflow: hidden;
}
</style>
